<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8">
	<title>无标题文档</title>
	<style>
		*{
			margin: 0;
			padding: 0;
		}
		.bigbox{
			margin: 0 auto;
			width: 1500px;
			height: 1000px;
			background-color:ghostwhite;
		}
		.menu{
			width: 1500px;
			height: 60px;
			background-color:#545652;
		}
		div.menu li{
			float: left;
			list-style-type: none;
		}
		div.menu li a{
			display: block;
			text-decoration: none;
			color :black;
			line-height: 60px;
			margin: 0 10px 0 0;
			width: 120px;
			color:darkgray;
			text-align: center;
			font-size: 25px;
		}
		div.menu li a:hover{
			color: white;
		}
		thead th{
			width: 100px;
			height: 30px;
			/*border: solid black;*/
		}
		/*input:nth-of-type(2){*/
		/*	width: 800px;*/
		/*}*/
		.box{
			width: 1000px;
			height: 800px;
			margin: 30px auto;
			background-color:#ADD8E6;
			border-radius: 10px;
		}
		.head{
			width: 1000px;
			height: 60px;
			margin: 20px auto;

		}
		.head p{
			width: 1200px;
			height: 60px;
			line-height: 60px;
			font-size: 40px;
			color: #3796D1;
		}
		input:nth-of-type(1){
			width: 200px;
			height: 40px;
			line-height: 40px;
			margin-top: 40px;
			margin-left: 30px;
		}
		input:nth-of-type(2){
			width: 200px;
			height: 40px;
			line-height: 40px;
			margin-top: 20px;
			margin-left: 30px;
		}
		button{
			margin-top: 20px;
			margin-left: 30px;
			background-color: #3796D1;
			width: 80px;
			height: 30px;
			color: aliceblue;
			border: none;
			border-radius: 10px;
			box-shadow: 2px 2px 2px grey;
		}
	</style>
</head>

<body>
<div class="bigbox">
	<div class="menu">
		<ul>
			<li><a th:href="@{/}">主页</a></li>
			<li><a th:href="@{/movies}">电影</a></li>
			<li><a th:href="@{/directors}">导演</a></li>
			<li><a th:href="@{/performers}">演员</a></li>
			<li><a th:href="@{/box_offices}">票房情况</a></li>
			<li><a th:href="@{/evaluations}">评价</a></li>
		</ul>
	</div>
	<div class="head">
		<p>新增导演</p>
	</div>
	<div class="box">


		<div>
			<form th:action="@{/directors/save}" th:object="${director}" method="POST">
				<input type="text" placeholder="导演" th:field="${director.name}">
				<br/>
				<input type="text" placeholder="编导电影" th:field="${director.works_name}">
				<br/>
				<button type="submit">提交</button>


			</form>
		</div>
	</div>
</div>

</body>
</html>

